
<div style="height: 225px; width: 225px; background-image: url(note.png);">
	<div style="background: green none repeat scroll 0%; left: 0px; top: 0px; height: 15px; width: 200px; MozBackgroundClip: -moz-initial; MozBackgroundOrigin: -moz-initial; MozBackgroundInlinePolicy: -moz-initial; zIndex: 1000" id="header-1D41553D-6749-0001-BCC7-D950F08DBD80">
		<div style="position: relative; left: 0px; top: 0px; height: 15px; width: 15px; background: blue; zIndex: 10000;" id="save-1D41553D-6749-0001-BCC7-D950F08DBD80"></div>
		<div style="position: relative; left: 185px; top: -15px; height: 15px; width: 15px; background: red; zIndex: 10000;" id="trash-1D41553D-6749-0001-BCC7-D950F08DBD80"></div>
	</div>
</div>
<script>
  function checkText(e) {
  	if (e.altKey || e.ctrlKey) { return true; }
  	
    var textArea = document.getElementById("text");
    var s = String.fromCharCode(e.which);
    var isVisibleChar = /[\x20-\x7E]/;
    
    var lines = textArea.value.split("\n");
    if (isVisibleChar.test(s)) { 
    	for (var y = 0; y < lines.length; y++) {
    		var chars = lines[y].split("");
    		//if there are more than MAXCHARS on the line, insert a break at MAXCHARS and insert the remainder of the characters on the next line.
    	}
    }
    else {
  		if (lines.length > 6) {
    		alert(lines.length);
    		return false;
    	}
    }
    return true;
  }
</script>
<form>
<textarea rows="10" cols="20" onkeypress="return checkText(event);" id="text"></textarea>
</form>